<template>
  <!-- 我的办理 -->
  <view class='myHandle'>
    <view class="myHandle_ul">
      <view
        class="myHandle_li"
        v-for="item in getData"
        :key="item.id"
      >
        <!-- 一级标题 -->
        <view class="title_box">
          <view class="p1">{{item.title}}</view>
          <icon
            v-if="item.flag"
            size='12'
            type='success'
          />
          <view v-else class="icon_time"></view>
        </view>
        <!-- 二级标题 -->
        <view class="title2_box">
          <!--  -->
          <view
            class="title2"
            v-show="item.title2?true:false"
          >
            <view class="p1">
              <view class="text">{{item.title2}}</view>
              <view
                class="state"
                :style="item.flag?{color:'#418cff'}:{color:'red'}"
              >{{item.flag?'已办理':"未办理"}}</view>
            </view>
            <view
              class=""
              v-show="(item.flag==true&&item.user2==''&&item.time2==''&&item.beizhu2=='')?false:true"
            >
              <view class="p2">办理时间： {{item.time2}}</view>
              <view class="p2">办理人： {{item.user2}}</view>
              <view class="p2">备注： {{item.beizhu2}}</view>
            </view>
          </view>
          <!--  -->
          <view
            class="title2"
            v-show="item.title3?true:false"
          >
            <view class="p1">
              <view class="text">{{item.title3}}</view>
              <view
                class="state"
                :style="item.flag?{color:'#418cff'}:{color:'red'}"
              >{{item.flag?'已办理':"未办理"}}</view>
            </view>
            <view class="">
              <view class="p2">办理时间： {{item.time3}}</view>
              <view class="p2">办理人： {{item.user3}}</view>
              <view class="p2">备注： {{item.beizhu3}}</view>
            </view>
          </view>
          <!--  -->
          <view
            class="title2"
            v-show="item.title4?true:false"
          >
            <view class="p1">
              <view class="text">{{item.title4}}</view>
              <view
                class="state"
                :style="item.flag?{color:'#418cff'}:{color:'red'}"
              >{{item.flag?'已办理':"未办理"}}</view>
            </view>
            <view class="">
              <view class="p2">办理时间： {{item.time4}}</view>
              <view class="p2">办理人： {{item.user4}}</view>
              <view class="p2">备注： {{item.beizhu4}}</view>
            </view>
          </view>
          <!--  -->
          <view
            class="title2"
            v-show="item.title5?true:false"
          >
            <view class="p1">
              <view class="text">{{item.title5}}</view>
              <view
                class="state"
                :style="item.flag?{color:'#418cff'}:{color:'red'}"
              >{{item.flag?'已办理':"未办理"}}</view>
            </view>
            <view class="">
              <view class="p2">办理时间： {{item.time5}}</view>
              <view class="p2">办理人： {{item.user5}}</view>
              <view class="p2">备注： {{item.beizhu5}}</view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  props: {
    getData: {
      type: Array, //类型
      require:true //必须传
    }
  },
  data() {
    return {

    }
  }
}
</script>